<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./css/moren.css">
    <link rel="stylesheet" href="./css/dingdanxiangqing.css">
    <link rel="stylesheet" href="./css/Swiper.css">
    <script src="./js/flexible.js"></script>
    <script src="./js/jquery.min.js"></script>
    <script src="./js/Swiper.js"></script>
    <title>订单详情</title>
</head>

<body>
    <div class="dingdan">
        <!-- 头部文字 -->
        <div class="dingdan-top1 ">
            <a href="./wode.html">
                <img src="./images/web_订单详情/路径 5423@2x.png" alt="">
            </a>
            <p>订单详情</p>
        </div>
        <!-- 地址详情 -->
        <div class="dizhixiangqing">
            <p>
                <img src="./images/web_订单详情/address-1@2x.png" alt="">
                <span>河南省郑州市惠济区全区</span>
            </p>
            <p>英才街22东北方向173米杨庄惠弘新园1单元1号楼1206</p>
            <p>吴敏芳 185****6208</p>
            <span>
                <img src="./images/web_订单详情/Arrow right@2x.png" alt="">
            </span>
            <div class="tiaowen">
                <img src="./images/web_订单详情/address-2@2x.png" alt="">
            </div>
        </div>
        <!-- 订单详情、 -->
        <div class="dingdan-fuwu">
            <div>
                <div class="img">
                    <img src="./images/web_订单详情/iphone2.png" alt="">
                </div>
                <!-- 文字 -->
                <div class="wenzi-y">
                    <p> 分期免息 Qianku/屏qianku XR 128G 红色不动不通..
                    </p>
                    <p>
                        <b>￥</b>
                        <span>1200.00</span>
                    </p>
                    <p><img src="./images/web_订单详情/yunfeixian@2x.png" alt=""></p>
                </div>
            </div>
            <!-- 服务 -->
            <div class="fuwu-p1">
                <span>服务</span>
                <span>商家配送，支付完成后尽快为您发货</span>
            </div>
            <!-- 留言 -->
            <input type="text" class="liuyan" placeholder="建议留言前先与商家沟通确认">
            <div class="wuliyoutuihuo">
                <img src="./images/web_订单详情/Seven days@2x.png" alt="">
                <span>七天无理由退货极速退</span>
            </div>

        </div>
        <!-- 已选服务 -->
        <div class="yixuan">
            <p>
                <span>已选服务</span>
                <span> <b>￥</b><span>12.00</span> </span>
            </p>
            <p>
                <span>运费</span>
                <span> <b>￥</b><span>0.00</span> </span>
            </p>
            <p>
                <span>优惠卷</span>
                <span><i>无可用</i><img src="./images/web_订单详情/Arrow right@2x.png" alt=""></span>
            </p>
        </div>
        <!-- 提交订单 -->
        <a href="./shouyintai.html" class="di-bottom">
            <div class="di-jia"><b>￥</b><span>1200.00</span></div>
            <button>提交订单</button>
        </a>
    </div>

</body>

</html>